<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="Public/Home/css/index.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.eot" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.ttf" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.woff" />
<link rel="stylesheet" type="text/css" href="Public/Home/css/user.css"/>
<link rel="stylesheet" type="text/css" href="Public/Home/css/person.css"/>
<link rel="stylesheet" type="text/css" href="Public/Home/css/addition.css"/>
<link rel="stylesheet" type="text/css" href="Public/dest/mzyValidate.css" />
<script type="text/javascript" src="Public/Home/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="Public/Home/js/addition.js"></script>
<!--js异步验证-->

<script src="Public/src/mzyValidate.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
			td{
				padding: 3px 0;
			}
			/*错误表单的样式，可以自己定义，到时候传入mzy_validate函数*/
			.error_input{
				border: 1px solid #f00;				
				box-shadow: 0 0 3px #FF0000;
			}
</style>
<!--js异步验证结束-->
<!--城市联动的方法-->
<script type="text/javascript" src="Public/Home/js/area.js"></script>
<script type="text/javascript">
		$(function(){
			//初始化方法
			area.init('area');
			//修改的时候默认被选中效果
			area.selected('黑龙江','哈尔滨','道里区');
		})
</script>
<!--城市联动-->

</head>
<body>
	<header>
		
		<!-- 顶部登陆注册部分 -->
		<div class="top">
			<!-- 顶部中间部分 -->
			<div class="top_middle">
				<div class="left">
					<p class="">
						送至：
					</p>
					<p class="">
						北京
					</p>
					<p>
						<i class="iconfont ic">&#xe6a6;</i>
					</p>
				<!--二级菜单-->
					<div class="top_hd">
						<ul class="erji">
							<li class="first"><a href="">北京</a></li>
							<li><a href="">上海</a></li>
							<li><a href="">天津</a></li>
							<li><a href="">重庆</a></li>
							<li><a href="">河北</a></li>
							<li><a href="">四川</a></li>
							<li><a href="">武汉</a></li>
							<li><a href="">湖南</a></li>
							<li><a href="">吉林</a></li>
							<li><a href="">黑龙江</a></li>
						</ul>
					</div>
				<!--二级菜单结束-->
				</div>
				<ul class="right">
					<li><span class="se">|</span><a href="">网站导航</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="daohang">
							3333
						</div>
						
					</li>
					
					<li><span class="se">|</span><a href="">客户服务</a><span class="iconfont ic2">&#xe6a6;</span>
					</li>
					
					<li><span class="se">|</span><a href="">关注京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="guan">
							<img src="Public/Home/images/bg3.png"/>
						</div>
					</li>
					
					<li><span class="se">|</span><i class="iconfont">&#x345e;</i><a href="">手机京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="shouji">
							<img style="width: 250px;height:196px;" src="Public/Home/images/bg2.png"/>
						</div>
						
					</li>
					<li><span class="se">|</span><a href="">企业采购</a></li>
					<li><span class="se">|</span><a href="">京东会员</a></li>
					
					<li><span class="se">|</span><a href="">我的京东</a><span class="iconfont ic2">&#xe6a6;</span>
					<!--二级菜单的-->	
						<div class="wode">
							<div class="top">
								<img src="Public/Home/images/bg1.jpg" alt="" />
								<a href="" class="lg">你好，请登录</a>
								<p class="xi">
									<a href="" >优惠</a>
									<span>|</span>
									<a href="">消息</a>
								</p>																	
							</div>
							<ul class="deil">
								<li><a href="">处理订单</a></li>
								<li><a href="">咨询回复</a></li>
								<li><a href="">降价商品</a></li>
								<li><a href="">返修退换货</a></li>
								<li><a href="">我的关注</a></li>
								<li><a href="">我的京豆</a></li>
								<li><a href="">我的理财</a></li>
								<li><a href="">我的白条</a></li>
							</ul>
							<div class="zuji">
								<a href="" class="zu">我的足迹</a>
								<a href="" class="more">更多>></a>
							</div>
							<img class="zutu" src="Public/Home/images/bg2.jpg" alt="" />	
							
						</div>
					<!--二级菜但结束-->
					</li>		
					<li><span class="se">|</span><a href="" style="padding-right:3px">我的订单</a></li>						
				</ul>
				<!--您好请登录-->
				<div class="reg">
					<a href="" class="login">你好，请登录</a>
					<a href="" class="check">免费注册</a>
				</div>
				
				<!--您好请登录注册结束-->				
			</div>
			<!-- 顶部中间部分结束 -->
		</div>
		<!-- 顶部结束 -->

	</header>
<!--头部结束-->	
<!--顶部logo区域-->
<div class="top-logo">
	<div class="logo">
		<div class="left">
			<img src="Public/Home/images/bg14.png" alt="" class="image" />
			<a href="" class="myjd">我的京东</a>
			<a href="" class="remove">返回京东首页</a>
		</div>	
		<ul class="middle">
			<li><a href="">首页</a></li>
			<li>账户设置<i class="iconfont">&#xe6a6;</i></li>
			<li>社区<i class="iconfont">&#xe6a6;</i></li>
			<li><a href="">消息</a><span class="shu">6</span></li>
		</ul>
		<div class="right">
			<div class="search">
				<input type="text" name="" id="" class="text" placeholder="耳机"/>
				<input type="submit" value="搜索" class="sub" />
			</div>
			<div class="shop-box">
				<span class="biao"></span>
				<p>我的购物车<span class="iconfont">&#xe6a7;</span></p>	
				<span class="topshu">1</span>
				<!--<div class="hidden">
					购物车信息
				</div>-->
			</div>
		</div>
	</div>
</div>
<!--顶部logo区域结束-->
<!--正文部分开始-->
<div class="contentall">

	<!--左面部分-->
	<div class="left">
		<dl>
			<dt>订单中心</dt>
			<dd><a href="<?php echo U('person/index')?>">我的订单</a></dd>   	
        	<dd><a href="<?php echo U('images/index')?>">个人信息</a></dd>
            <dd><a href="" class="first">收货地址</a></dd>
            <dd><a href="<?php echo U('safe/index')?>">账户安全</a></dd>
		</dl>

	</div>
	<!--地址管理部分-->
	<div class="aside righta">
		<div class="top">
			<a href="javascript:;" class="btn">新增收货地址</a>
			<p class="max">您已创建<span style="color: green;">3</span>个收货地址，最多可创建<span style="color: red;">20</span>个</p>				
		</div>

		<!--地址详情-->
		<?php foreach ($addressData as $v){?>
		<div class="add">
			<div class="mname">
				<h3>
					<span><?php echo $v['acceptpeople']?></span>
					<span><?php echo $v['wherefrom'][0]?></span>
					<a href="" class="biao"></a>
				</h3>
				<a href="<?php echo U('Acceptadd/del',array('adid'=>$v['adid']))?>" class="del"></a>
			</div>
			<div class="rows">
				<p class="ti">收货人：</p>
				<div class="con"><?php echo $v['acceptpeople']?> </div>
			</div>
			<div class="rows">
				<p class="ti">所在地区：</p>
				<div class="con"><?php echo implode(',',$v['wherefrom'])?></div>
			</div>
			<div class="rows">
				<p class="ti">地址：</p>
				<div class="con"><?php echo $v['detailadd']?> </div>
			</div>
			<div class="rows">
				<p class="ti">手机：</p>
				<div class="con"><?php echo $v['phone'][0]?></div>
			</div>
			<div class="rows">
				<p class="ti">固话：</p>
				<div class="con"><?php echo $v['phone'][1]?></div>
			</div>
			<div class="rows">
				<p class="ti">电子邮箱：</p>
				<div class="con"><?php echo $v['email']?></div>
				<!--对地址的编辑和设为默认-->
				
				<a adid="<?php echo $v['adid']?>" href="javascript:;" class="dm">编辑</a>
				<a href="" class="dm">设为默认</a>
				
				<!--对地址的编辑和设为默认结束-->
			</div>
		</div>
		<?php }?>		
	
		<!--地址详情显示结束-->
	</div>
	<!--地址管理部分-->
</div>
<!--模态框部分-->
<div class="modle">
	<form action="" method="post" onsubmit="return mzy_validate(this,'','error_input',1)">		
	<div class="form">
		<div class="addshou">添加收货地址
			<input type="button" value="" class="bt" />
		</div>
		<div class="boxb">
			<div class="box">
				<p class="zi"><span style="color: red;">*</span>收货人:</p>
				<input type="text" name="acceptpeople" id="" class="text" rule="required" msg="收件人必须填" />
			</div>
			<div class="box">
				<p class="zi"><span style="color: red;">*</span>所在地区:</p>
				<select name="wherefrom[]" id="area1"></select>											
				<select name="wherefrom[]" id="area2"></select>											
				<select name="wherefrom[]" id="area3"></select>												
			</div>
			<div class="box">
				<p class="zi"><span style="color: red;">*</span>详细地址:</p>
				<input type="text" name="detailadd" id="" class="text addtext" rule="required" msg="详细地址不得为空" />
			</div>
			<div class="box">
				<p class="zi"><span style="color: red;">*</span>邮箱:</p>
				<input type="text" name="email" id="" class="text addtext" rule="required|email" msg="邮箱必须填写|必须是邮箱" />
			</div>
			<div class="box">
				<div class="left">
					<p class="zi"><span style="color: red;">*</span>手机号:</p>
					<input type="text" name="phone[]" id="" class="text" rule="mobile" msg="手机号码不正确"/>
				</div>
				<p class="p">或</p>
				<div class="right">
					<p class="zi">固定电话:</p>
					<input type="text" name="phone[]" id="" class="text" rule="tel" msg="固话不正确"/>
				</div>
			</div>
			<div class="box">
				<p class="zi"><span style="color: red;">*</span>地址别名:</p>
				<input type="text" name="otheradd" id="" class="text bieming" rule="required" msg="地址别名不得为空" />
				<span class="sug">建议填写常用名称 </span>
				<a href="javascript:;" class="bie">家里</a>
				<a href="javascript:;" class="bie">父母家</a>
				<a href="javascript:;" class="bie">公司</a>
			</div>
			<input type="hidden" name="homeuser_uid"  value="<?php echo $_SESSION['uid']?>"/>
			<input type="hidden" class="editcss" name="adid" value=''/>
			<input type="submit" value="保存收货地址" class="sub" />
		</div>
	</div>
	</form>
<script type="text/javascript">
				//地址别名点击将里面的元素写入
				$(function(){
//					$('.box .bie').click(function(){
//						//将a链接里面的内容填写到输入框中
//						var nei=$(this).html();
//						$('.box .bieming').val(nei);
//					})
					$('.box .bie').live('click',function(){
						var nei=$(this).html();
						$('.box .bieming').val(nei);
					})
				})
				
</script>	
</div>
<!--模态框部分结束-->
<!--公共尾部-->
<footer>
	<div class="sixbian">
		<div class="tua">
			<img src="Public/Home/images/bg24.png" alt="" />	
			<img src="Public/Home/images/bg25.png" alt="" />
			<img src="Public/Home/images/bg26.png" alt="" />
			<img src="Public/Home/images/bg27.png" alt="" />
		</div>
	</div>
	<div class="jieshao">
		<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>	
		<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
		<div class="ditu">
			<p class="a1">京东自营覆盖区县 </p>
			<p class="a2">京东已向全国2376个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
			<a class="a3" href="">查看详情 ></a>
		</div>
	</div>
	<div class="bi">
		<ul class="ul">
			<li>关于我们<span>|</span></li>
			<li>联系我们<span>|</span></li>
			<li>商家入驻<span>|</span></li>
			<li>营销中心<span>|</span></li>
			<li>手机京东<span>|</span></li>
			<li>友情链接<span>|</span></li>
			<li>销售联盟<span>|</span></li>
			<li>京东社区<span>|</span></li>
			<li>京东公益<span>|</span></li>
			<li>English<span>|</span></li>
			<li>Contact<span>|</span></li>
			<li>Us<span>|</span></li>
			<li>Site</li>			
		</ul>
		<center class="b">北京市公安局朝阳分局备案编号110105014669  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号</center>
		<center class="b2">音像制品经营许可证苏宿批005号  |  出版物经营许可证编号新出发(苏)批字第N-012号  |  互联网出版许可证编号新出网证(京)字150号</center>
		<center class="b3">网络文化经营许可证京网文[2014]2148-348号  违法和不良信息举报电话：4006561155  Copyright © 2004-2016  京东JD.com 版权所有</center>
		<center class="b4">京东旗下网站：360TOP  拍拍网  网银在线</center>
		<center class="b5">
			<img src="Public/Home/images/bg21.png" alt="" />
			<img src="Public/Home/images/bg22.png" alt="" />
			<img src="Public/Home/images/bg23.png" alt="" />
			<img src="Public/Home/images/bg29.png" alt="" />
			<img src="Public/Home/images/bg28.png" alt="" />
		</center>
	</div>
</footer>
<!--公共尾部结束-->
</body>
</html>
